<p>
  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
    <span style="color: #ff7b72">var</span>
    <span style="color: #c9d1d9">x</span>
    <span style="color: #ff7b72">=</span>
    <span style="color: #79c0ff">1</span>
  </code>
</p>
<p>
  hello
  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
    <span style="color: #c9d1d9">&lt;</span>
    <span style="color: #7ee787">div</span>
    <span style="color: #79c0ff">class</span>
    <span style="color: #c9d1d9">=</span>
    <span style="color: #a5d6ff">&quot;2&quot;</span>
    <span style="color: #c9d1d9">&gt;hey&lt;/</span>
    <span style="color: #7ee787">div</span>
    <span style="color: #c9d1d9">&gt;</span>
  </code>
  world
</p>
<p>
  two lines
  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
    <span style="color: #ff7b72">var</span>
    <span style="color: #c9d1d9">x</span>
    <span style="color: #ff7b72">=</span>
    <span style="color: #79c0ff">1</span>
    <span style="color: #ff7b72">var</span>
    <span style="color: #c9d1d9">y</span>
    <span style="color: #ff7b72">=</span>
    <span style="color: #79c0ff">2</span>
  </code>
</p>
<p>
  extra meta
  <code style="color: #c9d1d9; background: #0d1117; color-scheme: dark">
    <span style="color: #ff7b72">var</span>
    <span style="color: #c9d1d9">x</span>
    <span style="color: #ff7b72">=</span>
    <span style="color: #79c0ff">1</span>
  </code>
</p>
<p>
  lorem
  <em>just emphasize</em>
  ipsum
</p>
